<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/* 1.抓到页面图片元素 */
			img{
				/* 4.过渡 */
				transition:transform 1s;
				animation: dafengche .8s linear infinite;
			}
			
			/* 2.鼠标移动到图片上 */
			img:hover{
				/* 3.旋转 */
				transform:rotate(36000deg);
				
			}
			@keyframes dafengche{
				
				100%{ /* scale(1.2)缩大*/
					transform: rotate(135deg) scale(0.8);
				}
			}
		</style>
	</head>
	<body>
		<!-- 1.引入大风车图片以及音频 -->
		<img src="img/dfc.jpg" alt="大风车" />
		<audio src="dafengche.mp3" autoplay controls loop></audio>
		
	</body>
</html>